$(function () {
    //加载弹出层
    layui.use(['form','element'],
    function() {
        layer = layui.layer;
        element = layui.element;
    });

    //触发事件
  var tab = {
        tabAdd: function(title,url,id){
          //新增一个Tab项
          element.tabAdd('xbs_tab', {
            title: title 
            ,content: '<iframe tab-id="'+id+'" frameborder="0" src="'+url+'" scrolling="yes" class="x-iframe"></iframe>'
            ,id: id
          })
        }
        ,tabDelete: function(othis){
          //删除指定Tab项
          element.tabDelete('xbs_tab', '44'); //删除：“商品管理”
          
          
          othis.addClass('layui-btn-disabled');
        }
        ,tabChange: function(id){
          //切换到指定Tab项
          element.tabChange('xbs_tab', id); //切换到：用户管理
        }
      };


    $('.container .left_open i').click(function(event) {
        if($('.left-nav').css('left')=='0px'){
            $('.left-nav').animate({left: '-221px'}, 100);
            $('.page-content').animate({left: '0px'}, 100);
            $('.page-content-bg').hide();
        }else{
            $('.left-nav').animate({left: '0px'}, 100);
            $('.page-content').animate({left: '221px'}, 100);
            if($(window).width()<768){
                $('.page-content-bg').show();
            }
        }

    });

    $('.page-content-bg').click(function(event) {
        $('.left-nav').animate({left: '-221px'}, 100);
        $('.page-content').animate({left: '0px'}, 100);
        $(this).hide();
    });

    $('.layui-tab-close').click(function(event) {
        $('.layui-tab-title li').eq(0).find('i').remove();
    });

   $("tbody.x-cate tr[fid!='0']").hide();
    // 栏目多级显示效果
    $('.x-show').click(function () {
        if($(this).attr('status')=='true'){
            $(this).html('&#xe625;'); 
            $(this).attr('status','false');
            cateId = $(this).parents('tr').attr('cate-id');
            $("tbody tr[fid="+cateId+"]").show();
       }else{
            cateIds = [];
            $(this).html('&#xe623;');
            $(this).attr('status','true');
            cateId = $(this).parents('tr').attr('cate-id');
            getCateId(cateId);
            for (var i in cateIds) {
                $("tbody tr[cate-id="+cateIds[i]+"]").hide().find('.x-show').html('&#xe623;').attr('status','true');
            }
       }
    })

    //左侧菜单效果
    // $('#content').bind("click",function(event){
    $('.left-nav #nav li').click(function (event) {

        if($(this).children('.sub-menu').length){
            if($(this).hasClass('open')){
                $(this).removeClass('open');
                $(this).find('.nav_right').html('&#xe697;');
                $(this).children('.sub-menu').stop().slideUp();
                $(this).siblings().children('.sub-menu').slideUp();
            }else{
                $(this).addClass('open');
                $(this).children('a').find('.nav_right').html('&#xe6a6;');
                $(this).children('.sub-menu').stop().slideDown();
                $(this).siblings().children('.sub-menu').stop().slideUp();
                $(this).siblings().find('.nav_right').html('&#xe697;');
                $(this).siblings().removeClass('open');
            }
        }else{

            var url = $(this).children('a').attr('_href');
            var title = $(this).find('cite').html();
            var index  = $('.left-nav #nav li').index($(this));

            for (var i = 0; i <$('.x-iframe').length; i++) {
                if($('.x-iframe').eq(i).attr('tab-id')==index+1){
                    tab.tabChange(index+1);
                    event.stopPropagation();
                    return;
                }
            };
            
            tab.tabAdd(title,url,index+1);
            tab.tabChange(index+1);
        }
        
        event.stopPropagation();
         
    })

    tableCheck = {
        init:function  () {
            $(".layui-form-checkbox").click(function(event) {
                if($(this).hasClass('layui-form-checked')){
                    $(this).removeClass('layui-form-checked');
                    if($(this).hasClass('header')){
                        $(".layui-form-checkbox").removeClass('layui-form-checked');
                    }
                }else{
                    $(this).addClass('layui-form-checked');
                    if($(this).hasClass('header')){
                        $(".layui-form-checkbox").addClass('layui-form-checked');
                    }
                }
                
            });
        },
        getData:function  () {
            var obj = $(".layui-form-checked").not('.header');
            var arr=[];
            obj.each(function(index, el) {
                arr.push(obj.eq(index).attr('data-id'));
            });
            return arr;
        }
    }
    
    //开启表格多选
    tableCheck.init();
    
})
var cateIds = [];
function getCateId(cateId) {
    
    $("tbody tr[fid="+cateId+"]").each(function(index, el) {
        id = $(el).attr('cate-id');
        cateIds.push(id);
        getCateId(id);
    });
}

/*弹出层*/
/*
    参数解释：
    title   标题
    url     请求的url
    id      需要操作的数据id
    w       弹出层宽度（缺省调默认值）
    h       弹出层高度（缺省调默认值）
*/
function x_admin_show(title,url,w,h){
    if (title == null || title == '') {
        title=false;
    };
    if (url == null || url == '') {
        url="404.html";
    };
    if (w == null || w == '') {
        w=($(window).width()*0.8);
    };
    if (h == null || h == '') {
        h=($(window).height() - 50);
    };
    layer.open({
        type: 2,
        area: [w+'px', h +'px'],
        fix: false, //不固定
        maxmin: true,
        shadeClose: true,
        shade:0.4,
        title: title,
        content: url
    });
}

//上传图片弹层
function showUploadImage(folder_id,type=0){
    
    //页面层
    layer.open({
        title: '上传图片',
        type: 2,
        skin: 'layui-layer-rim', //加上边框 
        area:['600px','280px'],
        content: '/backstage/resource/upload_image?folder_id='+folder_id+'&type='+type
    });
}

    
//查看大图
function showBigImg(obj){
    var _html = '<img style="width:100%" src="'+$(obj).attr('src')+'"/>';
    // console.log(obj);
    layer.open({
        type: 1,
        // skin: 'layui-layer-rim', //加上边框
        skin: false, //加上边框

        title:false,
        shadeClose:true,
        width:'auto',
        // maxWidth:'600px',
        content: _html
      });
}

/*关闭弹出框口*/
function x_admin_close(){
    var index = parent.layer.getFrameIndex(window.name);
    parent.layer.close(index);
}
function checkThis(obj){
    if($(obj).hasClass('layui-form-checked')){
        $(obj).removeClass('layui-form-checked');
       
    }else{
        $(obj).addClass('layui-form-checked');
    }
}

 //分页
 function page(pageInfo){
     
    layui.use('laypage', function(){
      var laypage = layui.laypage;
    //   console.log(pageInfo,pageInfo.count,pageInfo.pageSize);
      //执行一个laypage实例
      laypage.render({
        elem: 'page' ,
        count:pageInfo.count , //数据总数，从服务端得到,
        limit:pageInfo.pageSize,
        jump: function(obj, first){

          app.pageData.page = obj.curr;
        //   app.getListData();
          
          //首次不执行
          if(!first){
            //do something
           app.getListData();
            
          }
        }
    });
  });
  }


  //时间
  function layDate(){
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });
    
        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });


        //执行一个laydate实例
        laydate.render({
            elem: '#datetime' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#update_time' //指定元素
        });
      });
  }
 

  //批量删除
  function delAll (url) {
        
    var data = tableCheck.getData();
    if(data.length>0){
        layer.confirm('确认要批量删除吗？',{title:''},function(index){
            $.post(url,{id:data},function(msg){
                if(msg.code==200){
                    //捉到所有被选中的，发异步进行删除
                    layer.msg('删除成功', {icon: 1,time:1000});
                  
                    $(".layui-form-checked").not('.header').parents('tr').remove();
                }else{
                    layer.msg(msg.msg, {icon: 2,time:1000});
                }
            },'json');
           
        });
    }  
 }

//选中所有
 $('#checkedAll').click(function(){
    var obj = $(this).children('div');
   if(obj.hasClass('layui-form-checked')){
       $(".layui-form-checkbox").removeClass('layui-form-checked');
       $("input:checkbox").each(function() { //遍历所有的 checkbox
           $(this).attr("checked", false);
        })
   }else{
       $(".layui-form-checkbox").addClass('layui-form-checked');
     
        $("input:checkbox").each(function() { //遍历所有的 checkbox
            $(this).attr("checked", true);
        })
   }
});

// 显示修改文件夹名称输入框
function showUpdateFolder(obj){
    $(obj).hide();
    $(obj).next('input').show();
    $(obj).next('input').focus();

}


//修改文件名称
function checkFolderName(obj){

    var data = {
        id: $(obj).attr('folder_id'),
        folder_name:$(obj).val()
    }

    $.post('update_folder_name',data,function(res){
        if(res.code==200){
            // layer.msg('修改成功!',{icon:1,time:1000});
            app.getListData();
            $(obj).hide();
            $(obj).prev('p').show();
          }else{
            layer.msg(res.msg,{icon:5,time:1000});
          }

    },'json');

}

//展示删除文件夹按钮
function showDeleteFolder(obj){
    $(obj).children('button').show();
}

//隐藏删除文件夹按钮
function hideDeleteFolder(obj){
    $(obj).children('button').hide();
}

//删除文件夹
function deleteFolder(){
    var data = tableCheck.getData();

    if(data == ''){
        layer.msg('请选择文件夹',{time:1200});
        return;
    }

    layer.confirm('该文件夹包含的所有文件将被删除！',{title:'谨慎操作'},function(index){
        $.post('delete_folder',{'ids':data},function(res){
            if(res.code==200){
                $(".layui-form-checkbox").removeClass('layui-form-checked');
                $("input:checkbox").each(function() { //遍历所有的 checkbox
                    $(this).attr("checked", false);
                 })
                layer.msg('已删除',{icon:1,time:1000});
                app.getListData();
            }else{
                layer.msg(res.msg,{icon:5,time:1000});
            }

        },'json');
    });
}


  //批量删除图片
function deleteImage () {
    
    var data = tableCheck.getData();
    if(data == ''){
        layer.msg('请选择文件',{time:1200});
        return;
    }

    if(data.length>0){
        layer.confirm('删除后不可恢复，确定删除吗？',{title:'谨慎操作'},function(index){
            $.post('delete_all',{ids:data},function(msg){
                if(msg.code==200){
                    $(".layui-form-checkbox").removeClass('layui-form-checked');
                    $("input:checkbox").each(function() { //遍历所有的 checkbox
                        $(this).attr("checked", false);
                    })
                    //捉到所有被选中的，发异步进行删除

                    layer.msg('删除成功', {icon: 1,time:1000});
                    app.getListData();                
                    // $(".layui-form-checked").not('.header').parents('tr').remove();
                }else{
                    layer.msg(res.msg, {icon: 2,time:1000});
                }
            },'json');
        
        });
    }  
}


//加载层
function load(){

    if(typeof(layer) !='undefined'){
        layer.load(1);
    }
}